/* Global CSS Document */
/*******************************************************************************

    Sections
    1. HTML & Body


1. HTML & Body
*******************************************************************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body{
	height:100%;
	.standardfont;
	color:#666;
    /*font-size: 62.5%;*/
    font-size:100%;
}

p, ul, ol{
	font-size:12px;
	line-height:1.4em;
	margin: 0 0 10px;
}
p:last-child{margin-bottom:0;}
small {font-size: 85%;}
strong {font-weight: bold;}
em {font-style: italic;}
cite {font-style: normal;}
p.small{font-size:10px;}
p.lead{
	.featurefont;
	font-size:1em; 
	font-weight:bold;
	margin-top:0;
}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.floatl{float:left;}
.floatr{float:right !important;}

h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h4{
	.featurefont;
	font-size:.8em;
	margin:.5em 0;
	color:@base;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1 {font-size: 38.5px;}
h2 {font-size: 31.5px;}
h3 {font-size: 24.5px;}
h4 {font-size: 17.5px;}
h5 {font-size: 14px;}
h6 {font-size: 11.9px;}
h1 small {font-size: 24.5px;}
h2 small {font-size: 17.5px;}
h3 small {font-size: 14px;}
h4 small {font-size: 14px;}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}

.lowercase{text-transform:lowercase !important;}

dl.padding{margin:0;}
dt{
	font-size:12px;
	font-weight:normal;
	&:first-child{margin-top:0;}
	input[type=radio] {
		float: left;
		margin-right: .5em;
		margin-top: 5px;
	}
}
dd{
	font-size:12px;
	font-weight:normal;
}

fieldset{
	p{margin:0 0 .5em;}
	input{
		margin:0 0 5px;
		&:last-child{margin-bottom:0;
		}
	}
	input[type=checkbox]{
		float:left;
		margin-right:.5em;
		margin-top:0;
	}
}

table{
	.label{font-size:11px;}
	.data{
		font-size:11px;
		select{
			width:auto;
			.display-inline-block;
		}
	}
	.info{font-size:10px;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*Image replacement*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}